*{
  margin: 0;
  padding: 0;
  font-size: 0.2rem;
}
a{
  text-decoration: none;
}
.clearfix::after{
  display: block;
  clear: both;
  content: '';
}
.header{
  width: 100%;
  height: 3rem;
  margin-top: 0.5rem;
  a{
    float: left;
    margin-left: 0.2rem;
    color: #3A3A39;
    font-size: 0.3rem;
  }
  div{
    width: 100%;
    text-align: center;
    font-size: 0.3rem;
  }
}
p{
  font-size: 0.3rem;
  color: #303030;
  text-indent: 0.3rem;
}
.bd{
  margin-top: 0.8rem;
  div{
    width: 5.8rem;
    height: 0.9rem;
    border-bottom: 1px solid #FFD974;
    margin: 0 auto;
    line-height: 0.9rem;
    display: flex;
    align-items: center;
    span{
      display: block;
      font-size: 0.4rem;
      color: #FFD974;
      width: 10%;
      height: 0.9rem;
      line-height: 0.9rem;
    }
    input{
      width: 90%;
      height: 0.9rem;
      outline: none;
      border: none;
      font-size: 0.4rem;
    }
    img{
      margin-right: 0.2rem;
    }
    .djs{
      width: 0.4rem;
      text-align: center;
      height: 0.4rem;
      line-height: 0.5rem;
      border: 2px solid red;
      border-radius: 50%;
      font-size: 0.12rem;
      color: red;
    }
    input::placeholder{
      color:#BFBDC2;
    }
  }
  .btn,.yzmbtn,.czbtn{
    display: flex;
    justify-content: flex-start;
    width: 6rem;
    height: 0.9rem;
    border: none;
    margin-top: 0.6rem;
    div{
      width: 0.9rem;
      height: 0.9rem;
      background: #FFD974;
      z-index: 2;
    }
    div:nth-of-type(1){
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%;
    }
    div:nth-of-type(2){
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
    }
    a{
      display: block;
      margin-left: -0.45rem;
      text-align: center;
      line-height: 0.9rem;
      width: 4.2rem;
      background: #FFD974;
      color: #FDF8E8;
      font-size: 0.3rem;
      margin: 0.6rem auto;
      z-index: 1;
    }
  }
}
.footer{
  width: 100%;
  height: 6rem;
}
.body {
  width: 100%;
  height: 100%;
}
.show,.show1{
  display: none;
  width: 4.5rem;
  height: 2.46rem;
  background: white;
  border-radius: 7%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2.25rem;
  margin-top: -1.23rem;
  z-index: 3;
  text-align: center;
  p:nth-of-type(1){
    margin-top: 0.3rem;
    font-size: 0.3rem;
    color: #303030;
  }
  p:nth-of-type(2){
    margin-top: 0.1rem;
    font-size: 0.3rem;
    color: #696969;
  }
  div{
    position: absolute;
    bottom: 0;
    width: 100%;
    input{
      width: 49.2%;
      height: 0.66rem;
      background: #FFD974;
      border: none;
      outline: none;
      color: white;
      font-size: 0.25rem;
    }
    input:nth-of-type(1){
      border-bottom-left-radius: 10%;
    }
    input:nth-of-type(2){
        border-bottom-right-radius: 10%;
      }
      a{
        display: block;
        width: 100%;
        height: 0.66rem;
        line-height: 0.66rem;

        background: #FFD974;
        border: none;
        outline: none;
        color: white;
        font-size: 0.3rem;
      }
      .qx1{
        width: 100%;
        height: 0.66rem;
        background: #FFD974;
        border: none;
        outline: none;
        color: white;
        font-size: 0.25rem;
      }
  }
}
.yzm,.yzm1,.cz,.cz1{
  display: none;
}
